﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>iGIS开发说明文档</title>
    <script src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/prettify/prettify.js"></script>
    <script src="js/layout.js"></script>
    <link rel="alternate" type="application/rss+xml" title="" href="feed/index.html">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/prettify.css">
</head>
<body>
<div class="wrapper">
    <!--<nav>

          <div class="pull-left">
            <h1><a href="javascript:"><img src="img/icon.png" alt="Free Documentation Template Icon" /> <span>DocWeb</span></a></h1>
        </div>

        <div class="pull-right">
            <a href="#/free-documentation-html-template-docweb" target="_blank" class="btn btn-download"><img src="img/download.png" width="25" alt="Download Free Documentation Template" /> Download Now</a>
        </div>

    </nav>!-->
    <header>
        <div class="container">
            <h2 class="lone-header">iGIS开发说明文档 开发手册</h2>
        </div>
    </header>
    <section>
        <div class="container">
            <ul class="docs-nav">
                <li><strong>从这里开始</strong></li>
                <li><a href="#welcome" class="cc-active">欢迎</a></li>
                <li><a href="#benefits" class="cc-active">iGIS简介</a></li>
                <li><a href="#features" class="cc-active">ArcGis介绍</a></li>
                <li><a href="#license" class="cc-active">iGIS插件开发</a></li>
                <li class="separator"></li>
                <li><strong>基础配置</strong></li>
                <li><a href="#" class="cc-active">基础信息配置</a></li>
                <li><a href="#" class="cc-active">菜单配置</a></li>
                <li><a href="#" class="cc-active">其他配置</a></li>
                <li class="separator"></li>
                <li><strong>前端接口</strong></li>
                <li><a href="#" class="cc-active">前端接口简介</a></li>
                <li><a href="#" class="cc-active">地图基础操作</a></li>
                <li><a href="#" class="cc-active">通用页面布局</a></li>
                <li><a href="#" class="cc-active">公共工具</a></li>
                <li class="separator"></li>
                <li><strong>算法说明</strong></li>
                <li><a href="#" class="cc-active">View Type</a></li>
                <li><a href="#" class="cc-active">Animation Styles</a></li>
                <li><a href="#" class="cc-active">Bars Text</a></li>
                <li><a href="#" class="cc-active">Vote Counter</a></li>
                <li><a href="#" class="cc-active">Rating Icons</a></li>
                <li><a href="#" class="cc-active">Rating Titles</a></li>
                <li><a href="#" class="cc-active">Bar Colors</a></li>
                <li><strong>发布说明</strong></li>
                <li><a href="#" class="cc-active">发布</a></li>
            </ul>
            <div class="docs-content">
                <h2> Getting Started</h2>

                <h3 id="welcome"> Welcome</h3>

                <p> Are you listening to your customers?</p>

                <p> As they say: You cannot improve what you cannot measure; but the paradox is you
                    cannot measure everything – happiness, hatred, anger… but you can measure customer
                    satisfaction. Yes, you can measure customer satisfaction by analyzing likes and
                    dislikes of your customers. You can gauge popularity of your website or products.
                    You can also:</p>
                <ul>
                    <li>See how many visitors like the new design of your website or logo</li>
                    <li>Analyze what your readers want to see on your blog</li>
                    <li>Understand how helpful the content on your support forum or website is</li>
                    <li>Know the latest trends and user’s opinion before launching a new product or service</li>
                </ul>
                <p> Opineo allows you to do all of this and much more without signing up for an account
                    or hire an expert. This DIY tool enables you to listen to your customers’ voice
                    easily and instantly. All you have to do is go online, design your widget and place
                    it on your website. </p>

                <h3 id="benefits"> Benefits</h3>
                <ul>
                    <li>Use Opineo to conduct pre-release surveys before launching new products or services</li>
                    <li>Analyze new trends in the industry</li>
                    <li>Run crowd-sourced campaigns with Opineo to mature new ideas, website designs or
                        logos
                    </li>
                    <li>Conduct popularity surveys with free Opineo widget</li>
                    <li>Create and host polling surveys with Opineo</li>
                </ul>
                <h3 id="features"> Features</h3>
                <ul>
                    <li>Facility to customize to match your website theme</li>
                    <li>Detailed and Compact view options</li>
                    <li>Comprehensive options to customize animation, colors, orientation and style</li>
                    <li>All the power and flexibility of jQuery</li>
                    <li>Easy install; 100% integration</li>
                    <li>Facility to customize rating icons</li>
                </ul>
                <h3 id="license"> License</h3>

                <p> This Feedback Collection and Polling widget is free for personal and commercial
                    projects as long as you are providing a link back to this page. If you don’t want
                    to provide a link back, simply contribute to the development and improvement of
                    this tool. To contribute to this and many other interesting projects, go to Support
                    Efforts and become a patron.</p>
                <hr>
                <h2> Customizing Opineo</h2>

                <p> Before you make any cusomization or even start using Opineo create a 'div' element
                    and assign it some id. Now add references to necessary Javascrip files e.g.</p>
                <ul>
                    <li>A reference to latest jQuery library</li>
                    <li>A reference to Opineo script file sudo nano opineo.js</li>
                </ul>
                <p> The following customization options are available in Opineo:</p>

                <h3 id="view_type"> View Type</h3>
                <ul>
                    <li>Detailed View</li>
                </ul>

      <pre class="prettyprint">&lt;script&gt;
      	$(document).ready(function (){
        $('#DefaultOptions').opineo('results.php', {curvalue:3,
            view: 'detailed',
            animation_speed: 'super',
            show_total_votes_counter: false,
            show_overall_rating: true});
         })
&lt;/script&gt;</pre>
                <ul>
                    <li>Compact View</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
	$(document).ready(function (){
	$('#CompactView').opineo('results.php',
    	    {curvalue:3, view: 'compact',
    	    animation_speed: 'super'});
	})
&lt;/script&gt;</pre>
                <ul>
                    <li>Mini View</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#MiniView').opineo('results.php', {curvalue:0, view: 'mini', callback: myCallback});
    })
&lt;/script&gt;</pre>
                <h3 id="animation_style"> Animation Style</h3>
                <ul>
                    <li>Slow</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'slow'});
    })
&lt;/script&gt; </pre>
                <ul>
                    <li>Medium</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'mild'});
    })
&lt;/script&gt; </pre>
                <ul>
                    <li>Fast</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'fast'});
    })
 &lt;/script&gt;</pre>
                <ul>
                    <li>Super Fast</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'super'});
    })
&lt;/script&gt;</pre>
                <ul>
                    <li>Ultra Fast</li>
                </ul>
      <pre class="prettyprint"> &lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', animation_speed:'ultra fast'});
    })
&lt;/script&gt; </pre>
                <h3 id="bars_text"> Bars Text</h3>
                <ul>
                    <li>Show</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:true});
    })
&lt;/script&gt;</pre>
                <ul>
                    <li>Hide</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:false});
    })
 &lt;/script&gt;</pre>
                <h3 id="vote_counter"> Vote Counter</h3>
                <ul>
                    <li>Show</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', show_votes_counter:true});
    })
&lt;/script&gt; </pre>
                <ul>
                    <li>Hide</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', votes_label:false});
    })
&lt;/script&gt;</pre>
                <h3 id="rating_icons"> Rating Icons</h3>
                <ul>
                    <li>Colored</li>
                    <li>Grey</li>
                </ul>
                <h3 id="rating_titles"> Rating Titles</h3>
                <ul>
                    <li>Text For First Star</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Hate It'});
    })
&lt;/script&gt;</pre>
                <ul>
                    <li>Text For Second Star</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_2_text:'Don't Like It'});
    })
&lt;/script&gt; </pre>
                <ul>
                    <li>Text For Third Star</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Its OK'});
    })
&lt;/script&gt;</pre>
                <ul>
                    <li>Text For Fourth Star</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Like It'});
    })
&lt;/script&gt;</pre>
                <ul>
                    <li>Text For Fifth Star</li>
                </ul>
      <pre class="prettyprint">&lt;script&gt;
    $(document).ready(function (){
    $('#opineo').opineo('results.php', {curvalue:0, view: 'mini', star_1_text:'Love It'});
    })
&lt;/script&gt;</pre>
                <h3 id="bar_colors"> Bar Colors</h3>
                <ul>
                    <li>Colors of Red Bar</li>
                    <li>Colors of Yellow Bar</li>
                    <li>Colors of Green Bar</li>
                </ul>
            </div>
        </div>
    </section>
    <!--<section class="vibrant centered">
      <div class="">
        <h4> This documentation template is provided by <a href="#" target="_blank">Frittt</a>. You can download and use this template for free. If you have used this template, please pay the developer's effort by Tweeting, sharing on Facebook, social mention or with a linkback. Enjoy! :)</h4>
      </div>
    </section>
    <footer>
      <div class="">
        <p> &copy; Copyright Frittt Templates. All Rights Reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
      </div>
    </footer>!-->
</div>
</body>
</html>
